.alarm {
  position: absolute;
  bottom: 0;
  z-index: 9;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 50%;
  background-color: rgb(247, 247, 247);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border: 1px rgb(126, 206, 244) solid;
  overflow: hidden;
  .alarm-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 30px;
    padding: 0 10px;
    > span {
      font-size: 14px;
    }
    .close-fill {
      font-size: 18px;
      cursor: pointer;
    }
  }
  .alarm-list {
    height: 300px;
    padding: 0 12px 24px 12px;
    > ul {
      display: flex;
      justify-content: flex-start;
      width: 100%;
      height: 85%;
      overflow-y: hidden;
      overflow-x: auto;
      white-space: nowrap;
      &::-webkit-scrollbar {
        display: none;
      }
      > li {
        // width: 168px;
        max-height: 92%;
        margin-right: 14px;
        &:last-child {
          margin: 0;
        }
      }
      .alarm-item {
        display: flex;
        flex-direction: column;
        background-color: white;
        box-shadow: 3px 5px 4px rgba(2, 7, 20, 0.04);
        .item-pic {
          height: 60px;
          width: 350px;
          background-color: red;
          border-radius: 4px;
          .my-swipe {
            background-color: #39a9ed;
            width: 100%;
            height: 100%;
            overflow: hidden;
            .van-swipe-item {
              background-color: #39a9ed;
              width: 100%;
              height: 100%;
              overflow: hidden;
            }
          }

          > img {
            width: 100%;
            height: 100%;
          }
        }
        .item-content {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          width: 100%;
          padding: 12px;
          .inter-name {
            color: rgb(27, 27, 27);
            font-size: 14px;
            margin-bottom: 6px;
            text-align: left;
            white-space: break-spaces;
          }
          .item-label {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            margin-bottom: 6px;
          }
        }
      }
    }
  }
}
